// ----------点击切换登录页和注册页效果----------
$('#goto_login').on('click', function() {
    $('.register').hide().prev().show()
})

$('#goto_register').on('click', function() {
    $('.login').hide().next().show()
})

//-- -- -- -- -- --注册页面表单验证-- -- -- -- -- -- -- --
// --------------------模块化------------------------
let layer = layui.layer
let form = layui.form
$('.register form').on('submit', function(e) {
    e.preventDefault()
    let data = $(this).serialize()
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function(res) {
            // console.log(res); //注册成功
            layer.msg(res.message);
            if (res.status === 0) {
                $('.register form')[0].reset() //输入栏清空(dom对象使用)
                $('.login').show().next().hide() //注册成功 登录页显示 
            } else if (res.status === 1) {
                layer.msg(res.message); //如果已经注册过则提示
            }
        }
    })
})


// ---------------------注册表单验证---------------------

form.verify({
    username: [/^[a-zA-Z0-9]{2,10}$/, //前面是验证方式,后面是验证不成功时跳出的信息
        '用户名只能是数字,字母,且2到10位'
    ],
    password: [/^[a-zA-Z0-9]{6,12}$/, '请输入6到16位字母或数字'],
    //密码重复验证
    same: function(x) {
        let pwd = $('.register .pwd').val()
        if (x !== pwd) {
            return '两次密码不一致'
        }
    }

});


//-------------------------登录功能--------------------------
//-------------------------获取数据----------------
$('#login_btn').on('click', function(e) {
    e.preventDefault()
    let data = $('#login_form').serialize()
    console.log(data);
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: data,
        success: function(res) {
            console.log(res); //获取到token
            if (res.status === 0) {
                layer.msg('登录成功', {
                    icon: 1,
                    time: 1500 //2秒关闭（如果不配置，默认是3秒）
                }, function() {
                    localStorage.setItem('token', res.token)
                    location.href = './index.html'
                });

            } else if (res.status === 1) {
                layer.msg(res.message)
            }
        }

    })
})